.business_box{  overflow: hidden; margin-top: 2px; overflow: hidden; height: 606px;  position: relative; }
.business_box .w1700{ height: 100%; }
.business{ position: relative; height: 100%; }
.business ul{ height: 100%; }
.business li{width:25%;float:left;display:inline;text-align:center;height:100%;position:relative;	/*css3*/-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.business li .bg{position:absolute;left:0;right:0;bottom:0;background:#9a02e0;height:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.business li.selected .bg{height:100%;}
.business ul a:hover{ color:#FFF}
.business li.l2 .bg{background-color:#acd146;}
.business li.l3 .bg{background-color:#04afa6;}
.business li.l4 .bg{background-color:#f8c200;}
.business li .wrap{position:absolute;left:30px;right:30px;top:50%;margin-top:-160px;}
.business li .pic{width:130px;height:130px;border-radius:130px;margin:0 auto; overflow: hidden;}
.business li .pic .photo{ width: 100%; height: 100%; background-position:center top;background-repeat:no-repeat;overflow:hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition-delay:400ms;transition-delay:400ms; background-size: cover; }
.business li.l1 .photo{background-image:url(../images/img/ico_n_1.png);}
.business li.l2 .photo{background-image:url(../images/img/ico_n_2.png);}
.business li.l3 .photo{background-image:url(../images/img/ico_n_3.png);}
.business li.l4 .photo{background-image:url(../images/img/ico_n_4.png);}
.business li.selected .photo{background-position:center bottom;}
.business li .img{position:absolute;left:0;right:0;bottom:-200px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition-delay:400ms;transition-delay:400ms;opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.business li.selected .img{bottom:0;opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.business li .img img{display:block;width:100%;}

.business li.l1{-webkit-transform:translate3d(-600px,0,0);-ms-transform:translate3d(-600px,0,0);transform:translate3d(-600px,0,0);}
.business li.l2{-webkit-transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0);}
.business li.l3{-webkit-transform:translate3d(300px,0,0);-ms-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);}
.business li.l4{-webkit-transform:translate3d(600px,0,0);-ms-transform:translate3d(600px,0,0);transform:translate3d(600px,0,0);}
.business.active li{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-webkit-opacity:1;-moz-opacity:1;}

.business li b{margin-top:20px;font-size:22px;line-height:1; display: block;}
.business li dl{margin-top:22px; line-height: 1; font-size:0px; }
.business li dd{display:inline-block; background-position:center; background-repeat:no-repeat; height:22px; background-size:contain; vertical-align:text-bottom; position:relative;}
.business li dd i{opacity:0; filter:alpha(opacity=0); height:100%; width:100%; display:block; position:absolute; left:0px; top:0px; z-index:999; background-position:center;transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease; background-repeat:no-repeat }
.business li dd img{ visibility:hidden; display:inline-block;display: flex;align-items: center; position:relative; z-index:-9 }
.business li dd span{width:1px;height:16px;display:inline-block;background:#333;margin:0 15px 0; margin-top:3px; vertical-align:text-bottom;}
.business li p{margin-top:30px;line-height:30px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden; text-align:center}

.business li dd.s{ position:relative}
.business li dd.e{ display:inline-block;opacity:1; filter:alpha(opacity=1);  }

.business li.selected dd.s{ background:none!important}
.business li.selected dd.s i{opacity:1; filter:alpha(opacity=1);}
/*.business li.selected dd.e{ display:none;opacity:0; filter:alpha(opacity=0);  }*/
.business li.selected dd span{background:#fff;}
.business li.selected dd img{ z-index:-10}
@media only screen and (max-width: 1100px) {
.business_box {height: 910px; height:820px; background-size: cover; }
.business_box .title_b_1 {top: 40px; }
.business{ box-sizing: border-box; margin-top: 40px; }
.business li{ width: 50%; height: 390px; }
.business li b {font-size: 18px; }
.business li p {text-align: center; }
}



@media only screen and (max-width: 414px) {

.business_box .w1700 {padding: 0 0px; }
.business li .wrap {position: absolute; left: 15px; right: 15px; top: 50%; margin-top: -160px; }
.business li b {margin-top: 20px; font-size: 16px; line-height: 1.6; }
.business li .pic {width: 80px; height: 80px; border-radius: 80px; }


}


@media only screen and (max-width: 320px) {

.business li dd span {margin: 0 5px 0; }

}